<template>
  <div id="innerdetails">
    <!-- <h4>这是员工管理的订单信息详情页面</h4> -->
    <el-link type="primary" @click="go">返回</el-link>
    <div>
      <p>订单编号：{{ orderInfo.id }}</p>
      <p>下单时间：{{ orderInfo.orderTime }}</p>
      <p>订单状态：{{ orderInfo.status }}</p>
      <p>员工编号：{{ orderInfo.waiterId }}</p>
      <p>顾客：{{ orderInfo.customer.realname }}</p>
      <p>顾客手机号：{{ orderInfo.customer.telephone }}</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      orderInfo: {}
    }
  },
  created() {
    // alert(this.$route.query.id);
    this.$axios.get('/order/findById', {
      params: {
        id: this.$route.query.id
      }
    }).then(res => {
      // console.log(res);
      this.orderInfo = res.data.data
    })
  },
  methods: {
    // 给返回按钮绑定事件
    go() {
      this.$router.back()
    }
  }

}
</script>
<style lang="scss" scoped>
    #innerdetails{
        padding: 30px;
    }
</style>
